// base color
$--color-active: #6193e9;
$--color-primary: #247dd1;
$--color-primary1: #06effe;
$--color-borderSt: #707070;
$--color-gray: #8f8f8f !important;
$--color-drak: #343434 !important;
$--color-success: rgb(0, 184, 43) !default;
/// color|1|Functional Color|1
$--color-warning: #f69206 !default;
$--color-warning1: #d84c35 !default;
/// color|1|Functional Color|1
$--color-danger: rgb(246, 1, 1) !default;
/// color|1|Functional Color|1
$--color-info: #c1d6ff !default;
$--color-from-text: #313131;
$--color-table-thead: #fafafa;
// admin
// 菜单主题
$menuText: #fff;
$menuActiveText: #f8fcf8;
$subMenuActiveText: #f7f8f9; // https://github.com/ElemeFE/element/issues/12951

// $menuBg: rgba(34, 49, 90, 1);
// $menuBg: #202a5b;#30354d
// $menuBg: #262f36;
$menuBg: linear-gradient(180deg, #244f9e 0%, #66a4df 100%);
// $menuHover: rgba(17, 35, 102, 0.5);
// $menuHover: #303a43;
$menuHover: #2066f4;
// $menuHover1: rgba(17, 35, 102, 0.8);
$menuHover1: #303a43;

$subMenuBg: #30354d;
$subMenuHover: #ffffff2e;

$sideBarWidth: 220px;

@import "~element-ui/packages/theme-chalk/src/common/var.scss";
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  primary: $--color-primary;
  primary1: $--color-primary1;
  success: $--color-success;
  warning: $--color-warning;
  warning1: $--color-warning1;
  danger: $--color-danger;
  info: $--color-info;
  gray: $--color-gray;
  // admin
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
